<template>
  <div class="page">
    <navigation>{{ title }}</navigation>
    <iframe class="iframe" :src="articleUrl" frameborder="0"></iframe>
  </div>
</template>
<script>
import navigation from '@/components/Navigation'
export default {
  components: { navigation },
  data () {
    const { title, url } = this.$route.query
    return {
      title: title || '',
      articleUrl: decodeURIComponent(url) || ''
    }
  }
}
</script>
<style scoped>
.iframe {
  width: 100vw;
  height: calc(100vh - 90px);
  overflow: hidden;
}
</style>
